layui.use(['table','form'], function() {
    var table = layui.table;
    var form = layui.form;
    //第一个实例
    table.render({
        elem: '#demo'
        , url: '/Primary/getClo?cdate=' + 7 //数据接口
        // , id: 'AAjs'
        , page: true //开启分页
        , page: {
            layout: ['count', 'prev', 'page', 'next', 'limit'],//展示的按钮
            groups: 5,//展示的联想的页码数
            limit: 10,//每页的条数
            limits: [10, 20],//可选的每页条数
        }, cols: [[ //表头
            {type: 'checkbox', fixed: 'left', width: '80'},
            {field: 'userId', title: 'ID', width: 80, sort: true, align: 'center'}
            , {field: 'userNumber', title: '用户编号', fixed: 'left', width: 80, align: 'center'}
            , {field: 'userAccount', title: '用户账号', width: 80, align: 'center'}
            , {field: 'userNickname', title: '用户昵称', width: 80, align: 'center'}
            , {field: 'clonowDate', title: '封停开始时间', width: 280, align: 'center'}
            , {field: 'cloendDate', title: '封停结束时间', width: 280, align: 'center'}
            , {field: 'closureDays', title: '封号天数', width: 80, align: 'center'}
            , {field: 'totalDays', title: '封号总天数', width: 80, align: 'center'}
            , {field: 'closureReason', title: '封号原因', width: 80, align: 'center'}
            ,{field: 'cdate', title: '封号状态',width: 100,align:'center',templet: function (d){
                    if(d.cdate <= 0){
                        return "已解封";
                    }else if (d.cdate >= 1){
                        return "未解封"
                    }
                }}
        ]], parseData: function (res) {
            return {
                "code":res.state,//解析接口状态
                "msg":res.message,//解析提交文本
                "count":res.total,//解析数据长度
                "data":res.data//解析数据列表
            };
        }
        , toolbar: '#toolDemo'
    });
})